<!--{if $store.pic_slides}-->
<div class="w-shop mb10" style="width:100%;">
    <div class="store-slides J_StoreSlides">
		<div class="scroller">
			<ul class="ks-content ks-switchable-content clearfix">
				<!--{foreach from=$store.pic_slides item=slides name=fe_slides}-->
				<li class="clearfix">
					<a href="{$slides.link}" target="_blank" style="background:url({$slides.url}) no-repeat scroll center center transparent;"></a>
				</li>
				<!--{/foreach}-->
			</ul>
		</div>
        <div class="store-slides-btn hidden">
        	<a href="javascript:;" class="prev"></a>
            <a href="javascript:;" class="next"></a>
        </div>
		<div class="ks-switchable-nav">
			<!--{foreach from=$store.pic_slides item=slides name=fe_slides}-->
			<span {if $smarty.foreach.fe_slides.first}class="ks-active" {/if}></span>
			<!--{/foreach}-->
		</div>
    </div>
</div>
<script type="text/javascript">

	$('.J_StoreSlides ul li').css('width', $(window).width() +'px');
	
	$(function(){
		$('.J_StoreSlides ul li,.store-slides-btn').hover(function(){
			$('.store-slides-btn').toggle();
		});
	});
	
	KISSY.use('switchable', function(S) {
		S.Carousel('.J_StoreSlides', {
			effect: 'scrollx',
			easing: 'easeOutStrong',
			prevBtnCls: 'prev',
            nextBtnCls: 'next',
			autoplay: true
		});  
	});
</script>
<!--{else}-->
<div class="w mb10"></div>
<!--{/if}-->